Top 18 Beautiful And Inspiring CSS Menu Creator Collection

1. iNav - CSS3 Menu

featured image

This is a CSS3 navigation menu mega menu with 4 variants (horizontal, sticky footer, vertical left and vertical right), 11 premade color schemes and a lot of nice features.Horizontal Menu

Sticky Footer Menu

Vertical Left & Right Menu

Unlimited Menu Levels

If you want to save a lot of time developing you should do what I did, buy this menu, customize it and be happy all day long.“Excellent menu , easy to customize , and the support is great .Added a Live Color Scheme Creator

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. Pofi - Animated Tabs And Accordion Menu

featured image

Animated Tabs And accordion menu CSS demo

ACCORDION MENU

Accordion Menu

Kabude – Responsive Animated Menu

More Details

4. Lynx - Responsive Menu

featured image

Lynx is a menu component based in CSS and Javascript code.Javascript/CSS effects

More Details

5. Advanced Menu Manager System

featured image

As the name says, it’s a PHP and JQuery robust menu manager application. Now with a menu render function.Call and build the entire html anf jquery menu with one line of code!

Drag and CSS drop menu code order using a heavily modified NestedSortables JQuery Plugin.Ajax operations for menu creation, editing, saving and re-ordering.Unlimited number of menu items and menu levels.4 different types of menu content (URL, Separator or blank, Component and Content).Preview menu BEFORE saving to database.- now included is a menu render functions.

More Details

6. MOBILE.NAV - Responsive menu plugin

featured image

NAV – The easy to use mobile and responsive navigation menu examples plugin for Wordpress

• Integrates with HTML5 menu example system

• Supports expanding menu tree (from wordpress menu add icon system)

• Installs under Wordpress standard «Settings» menu

More Details

7. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!

This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.Completely customizable menu layout

More Details

8. BETI jQuery - Accordion Menu

featured image

BETI – Accordion Menu

Pofi – Animated Tabs And jQuery simple lightbox

More Details

9. Hody - Hidden Simple Menu

featured image

Hody – Hidden Simple Menu

Minimal and creative menu design for your website. The menu has been created for sites of any subject.Multi-Functional Menu

Hidden menu

CSS include 5 color for background (orange,red,purple,green,blue)

CSS include 5 color for menu (green,red,blue,yellow,purple)

Simple menu construction

More Details

10. Long Shadow Menu

featured image

Shady is a Responsive, flat long shadow CSS menu.

More Details

11. Bassema Clean CSS3 Dropdown menu

featured image

More Details

12. Narsis CSS3 Glassy Menu

featured image

Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.These Menu is carefully designed with attention to the details.We use FontAwesome for icons so you can use more than 360 icons for your menu.

More Details

13. Metro Style CSS3 Menu

featured image

Metro Style CSS3 Menu

A Pure HTML5/CCS3 Metro Style Navigation Menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a CSS file and an HTML file. There are only two changes to be made to change the colour scheme within the CSS file.

More Details

14. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

A Pure HTML5/CCS3 Mega vertical navigation menu CSS that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.Only two main files needed, a CSS file and an HTML file. There are only two changes to be made to change the colour scheme within the CSS file.

More Details

15. Kabude - Responsive Animated Menu

featured image

Kabude – Responsive Animated Menu

Every Menu, An Animated Effect

Negar – Responsive Animated Menu

More Details

16. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion CSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

OneMenu – Responsive Metro UI Menu

More Details

17. Argus - Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

18. Animated CSS3 Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.

More Details

19. jElevator jQuery Inter-Page Navigation Tool

featured image

Providing users with scroll-to-top, scroll-to-bottom, and sections menu functionality, jElevator will increase the usability of any page it is added to. As the user’s cursor approaches the left side of the page, a narrow menu will slide into view. This menu may consist of a scroll-to-top button, a scroll-to-bottom button, and/or a sections menu button. The sections menu button will open a secondary pane consisting of a set of links which are generated by the script automatically. Clicking a link within the sections menu pane will scroll the user to the section of the page associated with that link. See the demo for an example that constructs a sections menu from H1, H2, H3, and H4 elements.Auto-Hide Menu

Automatic Sections Menu

More Details